<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>定制详情页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/details.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>	
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>

	</head>

	<body>
		<div class="web">
			<!---头部S--->
			<header class="clearfix">
				<div class="header_left fl clearfix">
					<img src="img/logo.png" />
				</div>
				<div class="header_right fr clearfix">
					<ul>
						<li>
							<a href="gouwuche.html"><img src="img/buycar.png" /></a>
						</li>
						<li>
							<a href="gerenzhongxin.html"><img src="pic/gerenzhongxin.png" /></a>
						</li>
						<li><span><a href="tel:400-6563-11688888">400-6563-116</a></span></li>
						<li><span>CH</span></li>
					</ul>
				</div>
				<div class="header_center">
					<ul class="clearfix">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#">骑行</a>
						</li>
						<li>
							<a href="oder.html">跑步</a>
						</li>
						<!--<li>
							<a href="#">铁三服</a>
						</li>-->
						<li>
							<a href="#">休闲</a>
						</li>
						<li>
							<a href="#">品牌区</a>
						</li>
						<li>
							<a href="#">设计师</a>
						</li>
						<li>
							<div class="search clearfix">
								<input type="text" name="" id="" value="" />
								<input type="button" name="" id="" value="" />
							</div>
						</li>
					</ul>
				</div>
			</header>
			<!--头部E--->

			<!--中部S-->
			<article>
				<section class="Progressbar">
					<ul>
						<a href="" ><li class="active">
							<span>●</span>
							<span class="active">1 产品</span>
						</li></a>
						<a href=""><li>
							<span>●</span>
							<span>2 设计</span>
						</li></a>
						<a href=""><li>
						<li>
							<span>●</span>
							<span>3 定制完成</span>
						</li></a>
						<a href=""><li>
						<li>
							<span>●</span>
							<span>4 购买</span>
						</li></a>
					</ul>
				</section>
				<section class="details_first">
					<!--四列图片S-->
					<div class="details_first_col4">
						<ul>
							<li>
								<div class="details_first_col4_one">
									<img src="img/dingzhiqixingshangyi.png"/>
								</div>
								<a href="">骑行上衣<span class="icon iconfont icon-circleright"></span></a>
							</li>
							<li>
								<div class="details_first_col4_one">
									<img src="img/dingzhiqixingshangyi2.png"/>
								</div>
								<a href="">骑行裤子<span class="icon iconfont icon-circleright"></span></a>
							</li>
							<li>
								<div class="details_first_col4_one">
									<img src="img/dingzhiqixingshangyi3.png"/>
								</div>
								<a href="">骑行套装<span class="icon iconfont icon-circleright"></span></a>
							</li>
								<li>
								<div class="details_first_col4_one">
									<img src="img/dingzhiqixingshangyi4.png"/>
								</div>
								<a href="">铁三<span class="icon iconfont icon-circleright"></span></a>
							</li>
							<!--<a href=""><li class="details_first_col4_red"><img src=""/></li></a>-->
						</ul>
					</div>
					<!--四列图片E-->
					
					<!--三列图片S-->
					<div class="details_first_col3">
						<ul>
							<li>
								<div class="details_first_col3_one">
									<img src="img/dingzhitiesan1.png"/>
								</div>
								<a href="">铁三短裤<span class="icon iconfont icon-circleright"></span></a>
							</li>
							<li>
								<div class="details_first_col3_one">
									<img src="img/dingzhitiesan2.png"/>
								</div>
								<a href="">铁三上衣<span class="icon iconfont icon-circleright"></span></a>
							</li>
								<li>
								<div class="details_first_col3_one">
									<img src="img/dingzhitiesan3.png"/>
								</div>
								<a href="">铁三套装<span class="icon iconfont icon-circleright"></span></a>
							</li>
							<!--<a href=""><li class="details_first_col4_red"><img src=""/></li></a>-->
						</ul>
					</div>
					<!--三列图片E-->
				</section>
			</article>
			<!--中部E-->

			<!---底部S--->
			<footer>
				<div class="foot clearfix">
					<div class="fl">
						<img src="img/logowhite.png" />
					</div>
					<div class="foot_right fr ">
						<ul>
							<li>
								<a href="">政策条款</a>
							</li>
							<li>
								<a href="">服务协议</a>
							</li>
							<li>
								<a href="">隐私条款</a>
							</li>
							<li>
								<a href="">版权条款</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">售后服务</a>
							</li>
							<li>
								<a href="">退款换货</a>
							</li>
							<li>
								<a href="">配送方式</a>
							</li>
							<li>
								<a href="">联系我们</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">付款方式</a>
							</li>
							<li>
								<a href="">支付方式</a>
							</li>
							<li>
								<a href="">支付问题</a>
							</li>
							<li>
								<a href="">常见问题</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">新手指南</a>
							</li>
							<li>
								<a href="">用户注册</a>
							</li>
							<li>
								<a href="">定制流程</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="clear">
					</di>
					<div class="foot_bot">
						<span>&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</span>
					</div>
			</footer>
			<!---底部E--->

			</div>

	</body>

</html>